<head th:fragment="header">
    <!-- 必要的标签 -->
    <title>Welcome to my Sakura BBS!</title>
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="icon" type="image/png" href="/favicon.ico" >
    <link rel="apple-touch-icon" href="/favicon.ico">
    <meta http-equiv="Content-Type" content="text/html" charset="utf-8">
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/bootstrap-theme.min.css">
    <script src="/js/bootstrap.min.js" type="application/javascript"></script>
    <meta http-equiv="content-language" content="ja">

    <link type="text/css" rel="stylesheet" href="/css/style_12_common.css">

    <meta  name = “_csrf” content = “${_csrf.token}” />
    <meta  name = “_csrf_header”  content = “${_csrf.headerName}” />

    <meta name="description" content="『サクラノ刻 -櫻の森の下を歩む- 』ティザーサイト">
    <meta name="keywords" content="サクラノ刻,サクラノ詩,サクラノ刻 -櫻の森の下を歩む-,枕,makura">
    <meta property="og:type" content="website">
    <meta property="og:title" content="サクラノ刻">
    <meta property="og:image" content="http://www.makura-soft.com/sakuranotoki/common/img/og_img3.jpg">
    <meta property="og:description" content="『サクラノ刻 -櫻の森の下を歩む- 』ティザーサイト">
    <link rel="icon" href="favicon.ico">
    <link rel="apple-touch-icon-precomposed" href="img/favicon_apple.jpg">
    <link rel="stylesheet" href="/css/ress.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP&amp;display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500&amp;display=swap" rel="stylesheet">
    <link type="text/css" rel="stylesheet" href="/css/common.css">
    <link type="text/css" rel="stylesheet" href="/css/slick.css">
    <link type="text/css" rel="stylesheet" href="/css/slick-theme.css">
    <link type="text/css" rel="stylesheet" href="/css/colorbox.css">
    <link type="text/css" rel="stylesheet" href="/css/colorbox_custom.css">
    <link type="text/css" rel="stylesheet" href="/css/prologue.css">
    <link type="text/css" rel="stylesheet" href="/css/sakutoki.css">
    <link type="text/css" rel="stylesheet" href="/css/character.css">
    <link type="text/css" rel="stylesheet" href="/css/gallery.css">
    <link type="text/css" rel="stylesheet" href="/css/responsive.css">
    <link type="text/css" rel="stylesheet" href="/css/smart.css">
    <link href="/css/all.css" rel="stylesheet">
    <script src="/js/jquery.min.js"></script>
    <script src="/js/jquery-ui.js"></script>
    <script src="/js/all.js"></script>
    <script src="/js/prologue.js"></script>
    <script src="/js/slick.min.js"></script>
    <script src="/js/slick_option.js"></script>
    <script src="/js/header.js"></script>
    <script src="/js/jquery.colorbox.js"></script>
    <script src="/js/colorbox_option.js"></script>
    <script src="/js/top.js"></script>
    <script src="/js/pagetop.js"></script>
    <script src="/js/noscroll.js"></script>
    <script src="/js/character.js"></script>
    <script src="/js/gallery.js"></script>
    <script>
        (function(i, s, o, g, r, a, m) {
            i['GoogleAnalyticsObject'] = r;
            i[r] = i[r] || function() {
                (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date();
            a = s.createElement(o),
                m = s.getElementsByTagName(o)[0];
            a.async = 1;
            a.src = g;
            m.parentNode.insertBefore(a, m)
        })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');

        ga('create', 'UA-99248877-2', 'auto');
        ga('send', 'pageview');
    </script>
    <script>
        (function(d) {
            var config = {
                    kitId: 'jqx4grp',
                    scriptTimeout: 3000,
                    async: true
                },
                h = d.documentElement,
                t = setTimeout(function() {
                    h.className = h.className.replace(/\bwf-loading\b/g, "") + " wf-inactive";
                }, config.scriptTimeout),
                tk = d.createElement("script"),
                f = false,
                s = d.getElementsByTagName("script")[0],
                a;
            h.className += " wf-loading";
            tk.src = 'https://use.typekit.net/' + config.kitId + '.js';
            tk.async = true;
            tk.onload = tk.onreadystatechange = function() {
                a = this.readyState;
                if (f || a && a != "complete" && a != "loaded") return;
                f = true;
                clearTimeout(t);
                try {
                    Typekit.load(config)
                } catch (e) {}
            };
            s.parentNode.insertBefore(tk, s)
        })(document);
    </script>
    <!-- Bootstrap CSS -->
</head>

<nav th:fragment="navbar">
    <div id="common_header">

        <div id="pc_globalmenu_area" style="background-color: rgba(255,255,255,0.2)">
            <header>
                <div class="bottom_globalmenu" style="background-color: rgba(255,255,255,0.2)">
                    <ul id="globalmenu" style="background-color: rgba(255,255,255,0.2)">
                        <li class="header_logo">
                            <div><a th:href="@{/userAccounts/info}"><img src="/img/makura_logo.png"></a></div>
                        </li>
                        <li class="header_menu">
                            <div class="header_li"><a th:href="@{/}"><img src="/img/1.png" alt="TOP"></a>
                                <div id="top_hover" class="op0"><img src="/img/2_line.png"></div>
                            </div>
                            <div class="header_li"><a th:href="@{/type}"><img src="/img/5.png" alt="STORY"></a>
                                <div id="story_hover" class="op0"><img src="/img/2_line.png"></div>
                            </div>
                            <div class="header_li"><a th:href="@{/tasks}"><img src="/img/2.png" alt="CHARACTER"></a>
                                <div id="character_hover" class="op0"><img src="/img/2_line.png"></div>
                            </div>
                            <div class="header_li"><a th:href="@{/userAccounts}"><img src="/img/3.png" alt="GALLERY"></a>
                                <div id="gallery_hover" class="op0"><img src="/img/2_line.png"></div>
                            </div>
                            <div class="header_li"><a href="#special_area"><img src="/img/4.png" alt="SPECIAL"></a>
                                <div id="special_hover" class="op0"><img src="/img/2_line.png"></div>
                            </div>
                        </li>
                    </ul>
                </div>
            </header>
        </div>
        <!-- //pc_globalmenu_area-->

        <div id="smart_globalmenu_area" style="background-color: rgba(255,255,255,0.2)">
            <div class="list_btn smart" style="background-color: rgba(255,255,255,0.2)"><span></span><span></span><span></span></div>
            <div class="globalmenu" style="background-color: rgba(255,255,255,0.2)">
                <div class="relative_area">
                    <div class="header_logo_sp"><a th:href="@{/}"><img src="/img/makura_logo.png"></a></div>
                    <div class="menu_sp"><a th:href="@{/}"><img src="/img/1.png" alt="TOP"></a></div>
                    <div class="menu_sp"><a th:href="@{/type}"><img src="/img/5.png" alt="STORY"></a></div>
                    <div class="menu_sp"><a th:href="@{/tasks}"><img src="/img/2.png" alt="CHARACTER"></a></div>
                    <div class="menu_sp"><a th:href="@{/userAccounts}"><img src="/img/3.png" alt="GALLERY"></a></div>
                    <div class="menu_sp"><a href="#special_area"><img src="/img/4.png" alt="SPECIAL"></a></div>
                    <div class="twitter_share_sp">
                        <a href="https://twitter.com/intent/tweet?ref_src=twsrc%5Etfw&amp;text=サクラノ刻ティザーサイト&amp;tw_p=tweetbutton&amp;url=https://www.makura-soft.com/sakuranotoki/" data-text="" data-show-count="false" target="_blank"><img src="/img/share_btn.png" alt="SHARE"><img src="/img/twitter_share.png"></a>
                        <script async="" src="js/widgets.js" charset="utf-8"></script>
                    </div>
                </div>
            </div>
        </div>


    </div>
</nav>